<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/blog/index">
				PinGao's Blog
			</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse navbar-ex1-collapse">
			<ul class="nav navbar-nav">
				
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<%if (user) {%>
					<li class="navMyBlog"><a href="/blog/myblog">My Blog</a></li>
					<li class="navEditBlog">
						<a href="/blog/edit" title="Edit Blog">Edit Blog</a>
					</li>
					<li class="navUserInfo"><a href="/user/info">Welcome, <%= user.name%></a></li>
					<li>
						<a href="/user/logout" title="Logout">Logout</a>
					</li>
				<%}else {%>
					<li><a href="/user/login">Login</a></li>
					<li><a href="/user/register">Register</a></li>
				<%}%>
			</ul>
		</div><!-- /.navbar-collapse -->
	</div>
</nav>
<div style="margin-top: 60px;"></div>